<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>预约系统</title>
  <!-- <meta http-equiv="refresh" content="1"> -->
  <link rel="stylesheet" href="./index.css">
  <script src="./index.js"></script>
  <style>

  </style>
</head>

<body>
  <div class="AA">
    <ul>
      <li class="A li">
        <a href="" class="first">首页</a>
      </li>
    </ul>
    <ul>
      <li class="B li message"><a href="">实验室信息</a></li>
    </ul>
    <ul>
      <li class="li reserve"><a href="">预约实验室</a></li>
    </ul>
    <ul>
      <li class="li check"><a href="">查看预约情况</a></li>
    </ul>
    <a href="" class="user">
      <h3>用户中心</h3>
    </a>
  </div>

  <!-- 轮播图 -->
  <div class="carousel">
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img src="./宝1.png" alt="Image 1">
      </div>
      <div class="carousel-item">
        <img src="./宝2.png" alt="Image 2">
      </div>
      <div class="carousel-item">
        <img src="./宝3.png" alt="Image 3">
      </div>
    </div>
    <a class="carousel-control-prev" href="#" role="button">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">《</span>
    </a>
    <a class="carousel-control-next" href="#" role="button">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">》</span>
    </a>
  </div>
  <script>
    var first = document.querySelector(".first")
    first.onclick = function () {
      window.open("file:///C:/Users/%E5%90%B4%E6%98%8E%E7%91%B6/Desktop/shetuan/srp%E9%A1%B9%E7%9B%AE/index.html")
    }
    var message = document.querySelector(".message")
    message.onclick = function () {
      window.open("file:///C:/Users/%E5%90%B4%E6%98%8E%E7%91%B6/Desktop/shetuan/srp%E9%A1%B9%E7%9B%AE/message.html")
    }
    var reserve = document.querySelector(".reserve")
    reserve.onclick = function () {
      window.open("file:///C:/Users/%E5%90%B4%E6%98%8E%E7%91%B6/Desktop/shetuan/srp%E9%A1%B9%E7%9B%AE/reserve.html")
    }
    var check = document.querySelector(".check")
    check.onclick = function () {
      window.open("file:///C:/Users/%E5%90%B4%E6%98%8E%E7%91%B6/Desktop/shetuan/srp%E9%A1%B9%E7%9B%AE/check.html")
    }
    var user = document.querySelector(".user")
    user.onclick = function () {
      window.open("file:///C:/Users/%E5%90%B4%E6%98%8E%E7%91%B6/Desktop/shetuan/srp%E9%A1%B9%E7%9B%AE/user.html")
    }
  </script>


</body>

</html>